<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<body>
  <!-- <table border="1">
    <tr>
      <td>1 * 1 = 1</td>
      <td>1 * 2 = 2</td>
    </tr>
    <tr>
      <td>2 * 1 = 2</td>
      <td>2 * 2 = 4</td>
    </tr>
  </table> -->

  <script>


    // 1.函数的概念
    // 函数是一个功能体，需要提供若干个数据，返回结果
    // 用于封装重复执行的代码 复用
    // 创建函数 就是自定义功能

    // 定义函数
    // function fn() {
    //   let str = "<table border='1'>";
    //   for (let i = 1; i <= 9; i++) {
    //     str += "<tr>";
    //     for (let j = 1; j <= 9; j++) {
    //       str += `<td>${i} * ${j} = ${i * j}</td>`
    //     }
    //     str += "</tr>";
    //   }
    //   str += "</table>";
    //   document.write(str);
    // }
    // // 执行函数
    // fn()
    // fn()





    // 2. 函数的定义
    // 声明式定义
    // 声明式定义会有函数提升
    // createTable()
    // function createTable() {
    //   let str = "<table border='1'>";
    //   for (let i = 1; i <= 9; i++) {
    //     str += "<tr>";
    //     for (let j = 1; j <= 9; j++) {
    //       str += `<td>${i} * ${j} = ${i * j}</td>`
    //     }
    //     str += "</tr>";
    //   }
    //   str += "</table>";
    //   document.write(str);
    // }
    

    // 赋值式定义
    // createTable()
    // const createTable = function() {
    //   let str = "<table border='1'>";
    //   for (let i = 1; i <= 9; i++) {
    //     str += "<tr>";
    //     for (let j = 1; j <= 9; j++) {
    //       str += `<td>${i} * ${j} = ${i * j}</td>`
    //     }
    //     str += "</tr>";
    //   }
    //   str += "</table>";
    //   document.write(str);
    // }
    // createTable()

  </script>
</body>
</html>